import React from 'react';
import ReactDOM from 'react-dom';
import mirror, {actions, connect} from 'mirrorx';
import { Button, List } from 'antd-mobile';
const Item = List.Item;

class App extends React.Component { 
	constructor(props) {
		super(props);
		this.state = {
			consignee: ''
		}
	}

	componentDidMount(){
		
    }

    onChangedAction = (event) => {
        this.props.callbackChecked && this.props.callbackChecked(event.target.checked, this.props.rowItem);
    }

	render() {
        const {rowItem} = this.props;
		return (
            <tr>
                <td>
                    <label>
                        <input type="checkbox" 
                            checked={rowItem.checked} 
                            onChange={this.onChangedAction}
                        />
                    </label>
                </td>
                <td>{rowItem.title}</td>
                <td>{rowItem.num}</td>
                <td>${rowItem.price}</td>
            </tr>
        )
	}
}

export default App;